<style>
    .form-validation .list-group-item{
        padding: 0;
    }
    .form-validation .form-control{
        border: transparent solid 1px;
        padding: 12px 22px;
        height: 46px;
    }
    .form-validation .form-control.ng-dirty.ng-invalid {
        border-color: #f05050;
    }
</style>
<div ui-view="" class="fade-in-right-big smooth ng-scope" style="">
    <div class="container w-xxl w-auto-xs ng-scope" ng-init="app.settings.container = false;">
    <a href="" class="navbar-brand block m-t ng-binding">蝉</a>
    <div class="m-b-lg">
        <div class="wrapper text-center">
            <strong>您正在注册蝉账号</strong>
        </div>
        <form name="form" class="form-validation">
            <div class="list-group list-group-sm">
                <div class="list-group-item"
                     uib-tooltip="请输入11位手机号"
                     tooltip-is-open="form.phone.$dirty&&form.phone.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input name="phone" type="text" placeholder="用户名"
                           class="form-control no-border" ng-model="ctrl.user.phone"
                           required ng-pattern="/^[0-9]{11}$/" maxlength="11">
                </div>
                <div class="list-group-item"
                     uib-tooltip="密码长度不可小于6位"
                     tooltip-is-open="form.password.$dirty&&form.password.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input type="password" name="password" placeholder="密码"
                           class="form-control no-border" ng-model="ctrl.user.password"
                           required minlength="6">
                </div>
                <div class="list-group-item"
                     uib-tooltip="昵称长度不可大于20位"
                     tooltip-is-open="form.nick_name.$dirty&&form.nick_name.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input type="text" name="nick_name" placeholder="昵称"
                           class="form-control no-border" ng-model="ctrl.user.nick_name"
                           required maxlength="20">
                </div>
                <div class="list-group-item"
                     uib-tooltip="推荐号码长度不可大于20位"
                     tooltip-is-open="form.code.$dirty&&form.code.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input type="text" name="code" placeholder="推荐号码"
                           class="form-control no-border" ng-model="ctrl.user.code"
                           required maxlength="20">
                </div>
                <div class="line line-dashed"></div>
                <p class="text-center"><small>选填项:</small></p>
                <div class="list-group-item"
                     uib-tooltip="QQ号码长度不可大于12位"
                     tooltip-is-open="form.qq.$dirty&&form.qq.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input type="text" name="qq" placeholder="QQ号码"
                           class="form-control no-border" ng-model="ctrl.user.qq"
                           maxlength="12">
                </div>
                <div class="list-group-item"
                     uib-tooltip="微信长度不可大于20位"
                     tooltip-is-open="form.wx.$dirty&&form.wx.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input type="text" name="wx" placeholder="微信"
                           class="form-control no-border" ng-model="ctrl.user.wx"
                            maxlength="20">
                </div>
                <div class="list-group-item"
                     uib-tooltip="请输入正确邮箱"
                     tooltip-is-open="form.email.$dirty&&form.email.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input type="email" name="email" placeholder="邮箱"
                           class="form-control no-border" ng-model="ctrl.user.email"
                           maxlength="20">
                </div>
            </div>
            <button type="submit" class="btn btn-lg btn-primary btn-block" ng-click="ctrl.login()" ng-disabled="form.$invalid"
                    aria-disabled="true" disabled="disabled">注册</button>
            <div class="line line-dashed"></div>
            <p class="text-center"><small>已有账号?</small></p>
            <a ui-sref="access.signin" class="btn btn-lg btn-default btn-block" href="#/access/signin">登录</a>
        </form>
    </div>
    <div class="text-center ng-scope" ng-include="'tpl/blocks/page_footer.html'"><p class="ng-scope">
    <small class="text-muted">蝉<br>© 2017</small>
</p></div>
</div></div>